<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人订单</title>
		<link rel="stylesheet" type="text/css" href="./css/index.css"/>
		<link rel="stylesheet" type="text/css" href="./css/list.css"/>
		<link rel="stylesheet" href="css/content.css" />
		<link rel="stylesheet" href="css/personal.css" />
		<link rel="stylesheet" href="css/dingdan.css" />
	</head>
	<body>
		<!--顶部导航开始-->
		<div id="topnav">
			<div class="top_left">
				<ul>
					<li><a href="">华为官网</a>|</li>
					<li><a href="">华为荣耀</a>|</li>
					<li><a href="">EMUI</a>|</li>
					<li><a href="">应用市场</a>|</li>
					<li><a href="">云服务</a>|</li>
					<li><a href="">开发者联盟</a>|</li>
					<li><a href="">花粉俱乐部</a></li>
				</ul>
				
			</div>
			<div class="top_right">
				<ul>
					<li><a href=""><span>登陆</span></a></li>
					<li><a href=""><span>注册</span></a>|</li>
					<li><a href="">v码（优购码）</a>|</li>
					<li><a href="">手机版</a>|</li>
					<li><a href="">网站导航</a></li>
				</ul>
				
			</div>
		</div>
		<!--顶部导航结束-->
		<!--logo开始-->
		<div id="header">
			<div class="logo">
				<a href=""><img src="images/Logo.png"/></a>
			</div>
			<div class="search">
				<form action="" method="post">				
					<input type="text" name="" class="box" /><input class="button" type="submit" value="搜索"/>
				</form>
				<span>热门搜索：
					<a href="">荣耀7</a>
					<a href="">麦芒4</a>
					<a href="">华为p8</a>
					<a href="">指纹识别</a>
					<a href="">指纹识别</a>
					<a href="">指纹识别</a>
				</span>
			</div>
			<div class="shop">
				<div class="mall">
					我的商城
				</div><span>|</span>
				<div class="cart">
					我的购物车
				</div>
			</div>
			<div class="code">
				<a href=""><img width="75" src="images/code.jpg"/></a>
				<span id="">
					微信扫码关注我们
				</span>
			</div>
		</div>
		<div class="clean"></div>
		<!--logo结束-->
		<!--nav开始-->
		<div id="nav">
			<div class="all">
				<a href="">全部商品</a>
				<div class="leftsidebar">
					<div class="category">
						<h3>手机</h3>
						<a href="">荣耀</a>
						<a href="">畅玩</a>
						<a href="">华为</a>
						<a href="">华为</a>
						<div class="subtitle">
							<h4><a href="">荣耀</a></h4>
							<h4><a href="">畅玩</a></h4>
							<h4><a href="">华为</a></h4>
							<h4><a href="">华为</a></h4>
						</div>
					</div>
					<div class="category">
						<h3>手机</h3>
						<a href="">荣耀</a>
						<a href="">畅玩</a>
						<a href="">华为</a>
						<a href="">华为</a>
						<div class="subtitle">
							<h4><a href="">荣耀</a></h4>
							<h4><a href="">畅玩</a></h4>
							<h4><a href="">华为</a></h4>
							<h4><a href="">华为</a></h4>
						</div>
					</div>
					<div class="category">
						<h3>手机</h3>
						<a href="">荣耀</a>
						<a href="">畅玩</a>
						<a href="">华为</a>
						<a href="">华为</a>
						<div class="subtitle">
							<h4><a href="">荣耀</a></h4>
							<h4><a href="">畅玩</a></h4>
							<h4><a href="">华为</a></h4>
							<h4><a href="">华为</a></h4>
						</div>
					</div>
					<div class="category">
						<h3>手机</h3>
						<a href="">荣耀</a>
						<a href="">畅玩</a>
						<a href="">华为</a>
						<a href="">华为</a>
						<div class="subtitle">
							<h4><a href="">荣耀</a></h4>
							<h4><a href="">畅玩</a></h4>
							<h4><a href="">华为</a></h4>
							<h4><a href="">华为</a></h4>
						</div>
					</div>
					<div class="category">
						<h3>手机</h3>
						<a href="">荣耀</a>
						<a href="">畅玩</a>
						<a href="">华为</a>
						<a href="">华为</a>
						<div class="subtitle">
							<h4><a href="">荣耀</a></h4>
							<h4><a href="">畅玩</a></h4>
							<h4><a href="">华为</a></h4>
							<h4><a href="">华为</a></h4>
						</div>
					</div>
					<div class="category">
						<h3>手机</h3>
						<a href="">荣耀</a>
						<a href="">畅玩</a>
						<a href="">华为</a>
						<a href="">华为</a>
						<div class="subtitle">
							<h4><a href="">荣耀</a></h4>
							<h4><a href="">畅玩</a></h4>
							<h4><a href="">华为</a></h4>
							<h4><a href="">华为</a></h4>
						</div>
					</div>
					<div class="category">
						<h3>手机</h3>
						<a href="">荣耀</a>
						<a href="">畅玩</a>
						<a href="">华为</a>
						<a href="">华为</a>
						<div class="subtitle">
							<h4><a href="">荣耀</a></h4>
							<h4><a href="">畅玩</a></h4>
							<h4><a href="">华为</a></h4>
							<h4><a href="">华为</a></h4>
						</div>
					</div>
				</div>
			</div>
			<ul>
				<li class="bg"><a href="">首页</a></li>
				<li><a href="">HUAWEI Mate S</a></li>
				<li><a href="">荣耀 7i</a></li>
				<li><a href="">华为 G7 Plus</a></li>
				<li><a href="">荣耀家族</a></li>
				<li><a href="">荣耀7</a></li>
				<li><a href="">华为 P8</a></li>
			</ul>
		</div>
		<!--nav结束-->
		<div class="hr-10"></div>
		<div class="g">
			<div class="breadcrumb-area">
				<a href="index.html" title="首页">首页</a>
				\
				<label id="personCenter"><span>我的商城</span></label>
			</div>
		</div>
		<div class="hr-10"></div>
		<!--内容-->
		<div class="content">
			<div class="left">
				<div class="h">
					<a href="">我的商城</a>
				</div>
				<div class="b">
					<a class="dd" href="">我的订单</a>
					<a class="sh" href="">收货地址管理</a>
				</div>
			</div>
			<div class="right">
				<div class="top">
					<div class="f1"><h2><span>我的订单</span></h2></div>
				</div>
				<!--商品小栏-->
				<div class="sp">
					<table border="0" cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<td class="col-pro">商品</td>
								<td>单价/元</td>
								<td>数量</td>
								<td>实付款/元</td>
								<td>订单状态及操作</td>
							</tr>
						</thead>
					</table>
				</div>
				<!--商品小栏-->
				<!--商品详情-->
				<div class="hr-10"></div>
				<div class="list-group">
					<!--订单号-->
					<div class="o-info">
						<div class="col-info">
							<span>2015-09-08 10:10</span>
							<span>订单号：<a href="">3130073270</a></span>
						</div>
					</div>
					<!--订单号结束-->
					<!--商品-->
					<div class="o-pro">
						<table border="0" cellspacing="0" cellpadding="0" align="center">
							<tbody>
								<tr>
									<td class="col-pro-img"><a href=""><img src="images/100_100_jin1.jpg"/></a></td>
									<td class="col-pro-info"><a href="">华为 荣耀7 指纹识别 独创智灵键 语音唤醒  2000万像素摄像头(制式：全网通版| 颜色：荣耀金)</a></td>
									<td class="col-price"><em>¥</em><span>2499.00</span></td>
									<td class="col-quty">1</td>
									<td class="col-pay"><em>¥</em><span>2499.00</span></td>
									<td class="col-operate"><a href="">订单详情</a></td>
								</tr>
							</tbody>
						</table>
					</div>
					<!--商品结束-->
				</div>
				<!--商品详情-->
			</div>
		</div>
		<!--内容结束-->
		<!--底部-->
<!--服务-->
  <div id="service">
  	<ul>
  		<li><span></span> 500强企业 品质保证</li>
  		<li><span class="conf1"></span> 7天退货 15天换货</li>
  		<li><span class="conf2"></span> 100元起免运费</li>
  		<li style="margin-right: 0;"><span class="conf3"></span> 448家维修网点 全国联保</li>
  	</ul>
  </div>
  <!--服务结束-->
  <!--帮助中心-->
  <div id="help">
  	<ul class="help">
  		<h1><span></span> 帮助中心</h1>
  		<li><a href="">购物指南</a></li>
  		<li><a href="">配送方式</a></li>
  		<li><a href="">支付方式</a></li>
  		<li><a href="">常见问题</a></li>
  	</ul>
  	<ul class="sever">
  		<h1><span></span> 售后服务</h1>
  		<li><a href="">购物指南</a></li>
  		<li><a href="">配送方式</a></li>
  		<li><a href="">支付方式</a></li>
  		<li><a href="">常见问题</a></li>
  	</ul>
  	<ul class="tech">
  		<h1><span></span> 技术支持</h1>
  		<li><a href="">购物指南</a></li>
  		<li><a href="">配送方式</a></li>
  		<li><a href="">支付方式</a></li>
  		<li><a href="">常见问题</a></li>
  	</ul>
  	<ul class="about">
  		<h1><span></span> 关于商城</h1>
  		<li><a href="">购物指南</a></li>
  		<li><a href="">配送方式</a></li>
  		<li><a href="">支付方式</a></li>
  		<li><a href="">常见问题</a></li>
  	</ul>
  	<ul class="Focus">
  		<h1><span></span> 关注我们</h1>
  		<li><a href="">购物指南</a></li>
  		<li><a href="">配送方式</a></li>
  		<li><a href="">支付方式</a></li>
  		<li><a href="">常见问题</a></li>
  	</ul>
  	
  </div>
  <!--帮助中心-->
  <!--友情链接-->
  <div id="link">
  	友情链接：<a href="">华为官网</a>|<a href="">华为消费者业务 </a>|<a href="">荣耀官网  </a>|<a href=""> 天天浏览器 </a>|<a href="">  莫塞尔商城</a>|<a href="">  爱旅官网 </a>|<a href="">  华为应用市场 </a>|<a href=""> 万表网  </a>|<a href="">手机之家</a>|<a href="">  中商情报网 </a>|<a href="">  钻石小鸟 </a>|<a href=""> 刷机精灵 </a>|<a href=""> 安卓市场 </a>|<a href=""> 优购物官网 </a>|<a href="">  移动叔叔 </a>|<a href=""> 奥特莱斯 </a>|<a href=""> 中关村商城 </a>|<a href=""> 酷狗音乐 </a>| 
  	
  		<a href=""><span style="color:#FF0000 ;"> 申请链接 >></span></a>
</div>
<!--友情链接-->
<h6>Copyright © 2011-2015 华为软件技术有限公司 版权所有 保留一切权利 苏B2-20130048号 | 苏ICP备09062682号-9 </h6>
<h2><a href="">网络文化经营许可证苏网文[2012]0401-019号</a></h2>
<h5><a href=""><img src="images/certificate_01.png"/></a><a href=""><img src="images/certificate_02.png"/></a><a href=""><img src="images/certificate_03.png"/></a></h5>
<!--底部结束-->
	</body>
</html>

